const r = `
<template>\r
  <s-form label-width="8em" colon="：">\r
    <s-form-item label="头像形状">\r
      <s-radio-group v-model="options.shape" :options="shapeList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="头像示例">\r
      <s-flex gap="1em" wrap="wrap">\r
        <s-avatar :shape="options.shape" :url="url">普通</s-avatar>\r
        <s-avatar :shape="options.shape">李</s-avatar>\r
      </s-flex>\r
    </s-form-item>\r
  </s-form>\r
</template>\r
\r
<script lang="ts">\r
import {\r
  AVATAR_SHAPE_DEFAULT,\r
  AVATAR_SHAPE_LABEL,\r
  AVATAR_SHAPE_OPTIONS,\r
} from "@smartcity/simple-ui";\r
import UserAvatarUrl from "documents/assets/user-avatar.svg";\r
import { Component, Vue } from "vue-property-decorator";\r
\r
@Component\r
export default class ButtonDemo extends Vue {\r
  /**\r
   * @description: 头像地址\r
   * @private\r
   * @readonly\r
   * @type {string}\r
   */\r
  readonly url = UserAvatarUrl;\r
\r
  /**\r
   * @description: 形状可选项列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly shapeList = AVATAR_SHAPE_OPTIONS.map((shape) => ({\r
    value: shape,\r
    label: AVATAR_SHAPE_LABEL.get(shape),\r
  }));\r
\r
  /**\r
   * @description: 组件配置项\r
   * @private\r
   * @type {Object}\r
   */\r
  options = {\r
    shape: AVATAR_SHAPE_DEFAULT, // 头像形状\r
  };\r
}\r
<\/script>\r
\r
<style lang="scss" scoped></style>\r
`; export { r as default };
